<template>
  <div class="app-container">
    <el-collapse v-model="activeNames">
      <el-collapse-item name="大额销售及跟进数据">
        <template #title>
          <TitleName
            title="大额销售及跟进数据"
            icon="i-carbon-bookmark-filled"
            :titleStyle="{ color: '#000' }"
          ></TitleName>
        </template>
        <div>
          <FollowUpTable />
        </div>
      </el-collapse-item>
      <el-collapse-item name="大客户销售完成情况">
        <template #title>
          <TitleName
            title="大客户销售完成情况"
            icon="i-carbon-bookmark-filled"
            :titleStyle="{ color: '#000' }"
          ></TitleName>
        </template>
        <div>
          <CompletionTable />
        </div>
      </el-collapse-item>
      <el-collapse-item name="行业大客户新签合同额">
        <template #title>
          <TitleName
            title="行业大客户新签合同额"
            icon="i-carbon-bookmark-filled"
            :titleStyle="{ color: '#000' }"
          ></TitleName>
        </template>
        <div>
          <IndustryTable />
        </div>
      </el-collapse-item>
    </el-collapse>
  </div>
</template>
<script setup name="TaxationStatistics">
import CompletionTable from './modules/completionTable'
import IndustryTable from './modules/industryTable'
import FollowUpTable from './modules/followUpTable'
const activeNames = reactive([
  '大额销售及跟进数据',
  '大客户销售完成情况',
  '行业大客户新签合同额'
])
</script>
<style lang="scss" scoped>
.el-radio-group.groupBtn :deep(.el-radio__input) {
  display: none;
}
</style>
